<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>作业第二题</title>
<!-- 2.新制作一个页面，要求：
 2.1 至少包含以下元素：3个DIV,标题，5个P标签，图片，列表 
 2.2 分别实现 id,类，标签三种方式查找以上元素 -->
	</head>
	<body>
		<div id="num2" >
			<h1>神奇动物在哪里！</h1>
				<ul>
					<li>小猴子</li>
					<li name = 'name1'>大脑斧</li>
					<li>大狮叽</li>
				</ul>
		</div>
		<div  class="class1">
			<p>彭于晏</p>
			<p>吴彦祖</p>
			<p>黄子韬</p>
			<p>刘德华</p>
			<p>陈冠希</p>	
		</div>
		<div id="num1">
			<img src="./img/u=3585548379,324488664&fm=26&fmt=auto.webp"width="150px"height="150px" >
		</div>
	</body>
	<script type="text/javascript">
		// ID选择器
		var num1ob = document.getElementById('num1');
		console.log(num1ob)
		// 类选择器
		var class2ob = document.getElementsByClassName('class1');
		console.log(class2ob)
		// 标签选择器
		var name1ob = document.getElementsByTagName('div');
		console.log(name1ob)
		//按name
		var name2ob = document.getElementsByName('name1');
		console.log(name2ob)
		
	</script>
</html>
